<template>
  <div>
    <div @click="gotoVueLearnNote">vue-router的学习记录</div>
    <div @click="gotoWriteNote">编写学习记录</div>
    <div @click="gotoThreeJs">three.js学习使用</div>
    <div @click="gotocalendar">日历</div>
  </div>
</template>

<script>
export default {
  data() {
    return {};
  },
  created() {
    console.log(this.$route.meta);
  },
  methods: {
    gotoThreeJs(){
      this.$router.push({ path: "/threeJsLearn" });
    },
    gotoVueLearnNote() {
      this.$router.push({ path: "/vueLearnNote" });
    },
    gotoWriteNote() {
      this.$router.push({ path: "/writeNote" });
    },
    gotocalendar(){
      this.$router.push({ path: "/calendar" });

    }
  },
};
</script>
<style></style>
